<!-- 
 mitt: 用于实现任意组件通信

 接收数据的: 提前绑定好事件 / 提前订阅消息
 提供数据的: 在合适的时候出发事件 / 发布消息
 1. pubsub 消息订阅与发布 
 2. $bus 总线(vue2)
 3. mitt 

 emitter 函数
// all 拿到所有绑定的事件
// emit 触发某一个事件
// off 解绑某个事件
// on 绑定某个事件
-->
<template>
  <div class="father">
    <h3>父组件</h3>
    <Child1/>
    <Child2/>
  </div>
</template>

<script setup lang="ts" name="Father">
  import Child1 from './Child1.vue'
  import Child2 from './Child2.vue'
</script>

<style scoped>
	.father{
		background-color:rgb(165, 164, 164);
		padding: 20px;
    border-radius: 10px;
	}
  .father button{
    margin-left: 5px;
  }
</style>